Discover gists

$ rails new . -n ActiveAdminDemo -c tailwind -a propshaft --skip-test --skip-system-test

$ rails g active_admin:install --skip-users
$ rails tailwindcss:install
$ rails generate active_admin:assets
$ cat tailwind-active_admin.config.js | sed 's/require(`@activeadmin\/activeadmin\/plugin`)/require(`${activeAdminPath}\/plugin.js`)/g' > config/tailwind-active_admin.config.js
$ rm tailwind-active_admin.config.js
$ bundle binstub tailwindcss-rails
$ rails generate active_admin:views

High level bash scripting cheatsheet https://devhints.io/bash

Reference for many shell commands http://www.grymoire.com/Unix/index.html

Diff/Patch

diff filea fileb
# ... file differences

any: magic, ill-behaved type that acts like a combination of never (the proper [bottom type]) and unknown (the proper [top type])
- Anything except never is assignable to any, and any is assignable to anything at all.
- Identities: any & AnyTypeExpression = any, any | AnyTypeExpression = any
- Key TypeScript feature that allows for [gradual typing].
unknown: proper, well-behaved [top type]
- Anything at all is assignable to unknown. unknown is only assignable to itself (unknown) and any.
- Identities: unknown & AnyTypeExpression = AnyTypeExpression, unknown | AnyTypeExpression = unknown

Prefer over any whenever possible. Anywhere in well-typed code you're tempted to use any, you probably want unknown.

How to download files from Google Drive with WGET

Step 1. Get the ID of the file to download

Get a shareable link from Google Drive by right-clicking the file and selecting Get Shareable Link.
Examine the link to get the file's ID. Example:

https://docs.google.com/open?id=[ID]

Step 2. Download the file with WGET

Build the download URL using the ID obtained in Step 1. Example:

ASCI art characters for creating diagrams

Characters:

Single line

ASCII code 191 = ┐ ( Box drawing character single line upper right corner )
ASCII code 192 = └ ( Box drawing character single line lower left corner )
ASCII code 193 = ┴ ( Box drawing character single line horizontal and up )
ASCII code 194 = ┬ ( Box drawing character single line horizontal down )

	Alpine.directive('typed', (el, { expression, modifiers }, { evaluateLater, effect, cleanup }) => {
	const getStrings = evaluateLater(expression);

	const modifierValue = (key, fallback) => {
	if (-1 === modifiers.indexOf(key)) {
	return fallback;
	}

	const value = modifiers[modifiers.indexOf(key) + 1];

	function DeepLinker(options) {
	if (!options) {
	throw new Error('no options')
	}

	var hasFocus = true;
	var didHide = false;

	// window is blurred when dialogs are shown
	function onBlur() {

	[keys.normal]
	C-f = [":new", ":insert-output lf-pick", "split_selection_on_newline", "goto_file", "goto_last_modification", "goto_last_modified_file", ":buffer-close!", ":theme nord", ":theme default"]
	# replace the default after theme with the theme you use
	# open 1 with the open command (l and <left> to open) or more with (<space> to select) then quit
	# all opened files will be opened in helix

	"use client"

	import { forwardRef, useState } from "react"
	import { EyeIcon, EyeOffIcon } from "lucide-react"
	import { Button } from "@/components/ui/button"
	import { Input, InputProps } from "@/components/ui/input"
	import { cn } from "@/lib/utils"

	const PasswordInput = forwardRef<HTMLInputElement, InputProps>(
	({ className, ...props }, ref) => {